<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="h" uri="/syzg-html"%>
<!DOCTYPE html>
<html>
<body>
<div class="modal fade bs-example-modal-lg" id="viewModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">查看人员信息</h4>
      </div>
      <div class="modal-body" id="modalCore">
        <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
	    <ul id="myTabs" class="nav nav-tabs" role="tablist">
	      <li role="presentation" class="active"><a href="#baseInfo" role="tab" data-toggle="tab">人员基本信息</a></li>
	      <li role="presentation"><a href="#permissionInfo" role="tab" data-toggle="tab">人员权限</a></li>
	    </ul>
	    <div id="myTabContent" class="tab-content" style="height: 340px;">
	      <div role="tabpanel" class="tab-pane fade in active" style="margin-top: 5px;" id="baseInfo" aria-labelledBy="home-tab">
	        <table id="baseInfo" width="100%" class="table table-bordered" border="0" cellpadding="0" cellspacing="0">
			  <!-- generate code start -->
	
	          <tr>
	            <td class="tdBg" width="100">人员编号：</td>
	            <td>${person.code}</td>
	
	            <td class="tdBg" width="100">人员账号：</td>
	            <td>${person.account}</td>
	          </tr>
	          
	          <tr>
	            <td class="tdBg" width="100">人员姓名：</td>
	            <td>${person.name}</td>
	
	            <td class="tdBg" width="100">人员生日：</td>
	            <td><fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${person.birthday}"/></td>
	          </tr>
	          
	          <tr>
	            <td class="tdBg" width="100">性别：</td>
	            <td><c:if test="${person.sex==1}">男</c:if><c:if test="${person.sex==0}">女</c:if></td>
	
	            <td class="tdBg" width="100">状态：</td>
	            <td><c:if test="${person.status==1}">有效</c:if><c:if test="${person.status==0}">无效</c:if></td>
	          </tr>
	          
	          <tr>
	            <td class="tdBg" width="100">手机号码：</td>
	            <td>${person.mobile}</td>
	            
	            <td class="tdBg" width="100">工作电话：</td>
	            <td>${person.workTel}</td>
	          </tr>
	          
	          <tr>
	            <td class="tdBg" width="100">E-mail：</td>
	            <td>${person.email}</td>
	            
	            <td class="tdBg" width="100">家庭电话：</td>
	            <td>${person.homeTel}</td>
	          </tr>
	          
	          <tr>
	            <td class="tdBg" width="100">家庭住址：</td>
	            <td colspan="3">${person.homeAddres}</td>
	          </tr>
	          
	          <tr>
	            <td class="tdBg" width="100">联系人：</td>
	            <td>${person.linkman}</td>
	
	            <td class="tdBg" width="100">联系人电话：</td>
	            <td>${person.linkmanTel}</td>
	          </tr>
	
			  <!-- generate code end -->
			</table>
	      </div>
	      <div role="tabpanel" class="tab-pane fade" style="margin-top: 5px;" id="permissionInfo" aria-labelledBy="profile-tab">
	        <h:table cssClass="table table-bordered table-hover table-striped" id="permissionInfo" value="roleList">
				<h:column headerTitle="角色" width="138">
					<input type="checkbox" onclick="selectInput(this);" name="roleId" disabled ${o.isSelected } value="${o.id }" />
					${o.name }&nbsp;
				</h:column>
				<h:column headerTitle="角色描述"  width="138">${o.description }&nbsp;</h:column>
			</h:table>
	      </div>
	    </div>
	    </div>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
</body>
</html>
